<template>
  <h2>模板引用ref</h2>
  <div ref="box">123</div>
</template>

<script>
import { ref, onMounted } from "vue";

export default {
  // mounted() {
  //   console.log(this.$refs.box);
  // },

  setup() {
    // ref方法不仅可以定义响应式数据，还可以用于获取dom节点，和获取子组件实例
    // ref仅仅用于做地址的指向
    const box = ref(null);

    onMounted(() => {
      console.log(box.value);
    });

    return { box };
  },
};
</script>
